throttle.js ➔ debounce - Code Metrics - Inspection of "Feature/infinite" - bencripps/react-redux-grid - Measure and Improve Code Quality continuously with Scrutinizer

Completed

Pull Request — master (#61)

by Benjamin

created 2016-10-04 18:13 UTC

throttle.js ➔ debounce B

↳ Parent: Project

Complexity

Conditions	1
Paths	2

Size

Total Lines

Duplication

Lines	0
Ratio	0 %

Importance

Changes

Metric	Value
cc	1
c	0
b	0
f	0
nc	2
dl	0
loc	25
rs	8.8571
nop	3

export function throttle(callback, scope, limit = 100, options = {}) {

    options = {
        leading: true,
        trailing: false,
        ...options
    };

    let wait = false;
    let skip = false;

    if (options.leading === false) {
        skip = true;
    }

    const later = debounce(function dodebounce() {
        if (options.trailing) {
            callback.apply(scope, arguments);
        }
        if (options.leading === false) {
            skip = true;
        }
    }, limit + limit * 0.15);

    return function dothrottle() {

        if (!wait && !skip) {
            callback.apply(scope, arguments);
            wait = true;
            setTimeout(() => {
                wait = false;
                if (later) {
                    later.apply(scope, arguments);
                }
            }, limit);
        }
        else if (!wait && skip) {
            wait = true;
            setTimeout(() => {
                skip = false;
                wait = false;
                if (later) {
                    later.apply(scope, arguments);
                }
            }, limit);
        }
    };
}

export function debounce(func, wait, immediate) {
    let timeout;

    return function doDebounce() {
        const context = this;
        const args = arguments;

        const later = function later() {
            timeout = null;
            if (!immediate) {
                func.apply(context, args);
            }
        };

        const callNow = immediate && !timeout;

        clearTimeout(timeout);

        timeout = setTimeout(later, wait);

        if (callNow) {
            func.apply(context, args);
        }
    };
}


1			export function throttle(callback, scope, limit = 100, options = {}) {
2
3			options = {
4			leading: true,
5			trailing: false,
6			...options
7			};
8
9			let wait = false;
10			let skip = false;
11
12			if (options.leading === false) {
13			skip = true;
14			}
15
16			const later = debounce(function dodebounce() {
17			if (options.trailing) {
18			callback.apply(scope, arguments);
19			}
20			if (options.leading === false) {
21			skip = true;
22			}
23			}, limit + limit * 0.15);
24
25			return function dothrottle() {
26
27			if (!wait && !skip) {
28			callback.apply(scope, arguments);
29			wait = true;
30			setTimeout(() => {
31			wait = false;
32			if (later) {
33			later.apply(scope, arguments);
34			}
35			}, limit);
36			}
37			else if (!wait && skip) {
38			wait = true;
39			setTimeout(() => {
40			skip = false;
41			wait = false;
42			if (later) {
43			later.apply(scope, arguments);
44			}
45			}, limit);
46			}
47			};
48			}
49
50			export function debounce(func, wait, immediate) {
51			let timeout;
52
53			return function doDebounce() {
54			const context = this;
55			const args = arguments;
56
57			const later = function later() {
58			timeout = null;
59			if (!immediate) {
60			func.apply(context, args);
61			}
62			};
63
64			const callNow = immediate && !timeout;
65
66			clearTimeout(timeout);
67
68			timeout = setTimeout(later, wait);
69
70			if (callNow) {
71			func.apply(context, args);
72			}
73			};
74			}
75

bencripps / react-redux-grid

GitHub Access Token became invalid

Pull Request — master (#61)

throttle.js ➔ debounce B

Complexity

Size

Duplication

Importance

Duplication Side-by-Side

Filter issues like